<template>
	<div class="homebg">
        <div class="mp-baseinfo" v-for="item of list">
            <div class="mpg-flexbox mp-flex-card">
                <div class="mpg-flexbox-item mp-flexlink-con">
                    <a href="javascript:void(0);"></a>
                    <div>
                        <span class="mp-commentcard-score">{{item.grade}}</span>
                        <span class="mp-commentcard-text">分</span>
                        <span class="mp-commentcard-desc">超赞</span>
                    </div>
                    <div>
                        <span class="mp-totalcommentnum">217条评论</span>
                        <span class="iconfont mp-iconfont mp-rightarrow">&#xe678;</span>
                    </div>
                </div>
                <div class="mpg-flexbox-item mp-border-left mp-flexlink-con">
                    <a href="javascript:void(0);" class="mp-card-link"></a>
                    <div>
                        <span class="mp-sightcard-title">景点简介</span>
                    </div>
                    <div>
                        <span class="mp-sightcard-text">开放时间、贴士</span>
                        <span class="iconfont mp-iconfont mp-rightarrow" style="right: 0;">&#xe678;</span>
                    </div>
                </div>
            </div>
            <div class="mp-baseinfo-address mp-border-top">
                <p class="mp-baseinfo-address-txt">
                    <span class="iconfont mp-iconfont mp-baseinfo-address-icon">&#xe634;</span>{{item.address}}
                    <span class="iconfont mp-iconfont mp-baseinfo-address-arrow">&#xe678;</span>
                </p>
            </div>
        </div>


	</div>
</template>
<script>

export default{
	name: 'DetailList',
	props: {
		list: Array
	}
}
</script>

<style lang="stylus" scoped>
  .homebg
    background-color:#f5f5f5

  .item-title-icon
    position: relative
    left: .06rem
    top: .06rem
    display: inline-block
    width: .36rem
    height: .36rem
    background: url(http://s.qunarzz.com/piao/image/touch/sight/detail.png) 0 -.45rem no-repeat
    margin-right: .1rem
    background-size: .4rem 3rem
  .item-title
    line-height: .8rem
    font-size: .32rem
    padding: 0 .2rem
  .item-chilren
    padding: 0 .2rem
</style>